<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>
        品优购商城-综合网购首选-正品低价、品质保障、配送及时、轻松购物！
    </title>
    <!-- 网站说明 -->
    <meta name="description" content="品优购商城-专业的综合网上购物商城,销售家电、数码通讯、电脑、家居百货、服装服饰、母婴、图书、食品等数万个品牌优质商品.便捷、诚信的服务，为您提供愉悦的网上购物体验!" />
    <!-- 关键词 -->
    <meta name="keywords" content="网上购物,网上商城,手机,笔记本,电脑,MP3,CD,VCD,DV,相机,数码,配件,手表,存储卡,京东" />
    <link rel="shortcut icon" href="favicon.ico" />
    <!-- 引入初始化CSS样式 -->
    <link rel="stylesheet" href="css/base.css" />
    <!-- 引入公共CSS样式 -->
    <link rel="stylesheet" href="css/details.css" />
</head>

<body>
    <!-- 顶部部分 -->
    <div class="top">
        <div class="w">
            <!-- 左侧部分 -->
            <ul>
                <li>品优购欢迎您！</li>
                <li><a href="denglu.html">请登录</a></li>
                <li><a href="register.html">免费注册</a></li>
            </ul>
            <ul>
                <li><em>网站导航</em></li>
                <li><em>客户服务</em></li>
                <li><em>关注品优购</em></li>
                <li>企业采购</li>
                <li>品优购会员</li>
                <li><em>我的品优购</em></li>
                <li>我的订单</li>
            </ul>
        </div>
    </div>
    <!-- logo部分 -->
    <div class="logo w">
        <ul>
            <!-- logo -->
            <li><img src="images/logo.png" alt="" /></li>
            <!-- center -->
            <li>
                <input type="text" placeholder="语言开发" autofocus />
                <button type="button">搜索</button>
                <dl>
                    <dd><em>品优首发</em></dd>
                    <dd><a href="#">亿元优惠</a></dd>
                    <dd><a href="#">9.9元团购</a></dd>
                    <dd><a href="#">美满99减30</a></dd>
                    <dd><a href="#">办公用品</a></dd>
                    <dd><a href="#">电脑</a></dd>
                    <dd><a href="#">通信</a></dd>
                </dl>
            </li>
            <!-- shopping -->
            <li><a href="jiesuan.html">我的购物车</a></li>
        </ul>
    </div>
    <!-- nav部分 -->
    <div class="nav_self">
        <nav class="nav w">
            <ul>
                <li>全部商品分类</li>
                <li><a href="#">服装城</a></li>
                <li><a href="#">美妆馆</a></li>
                <li><a href="#">品优超市</a></li>
                <li><a href="#">全球购</a></li>
                <li><a href="#">闪购</a></li>
                <li><a href="#">团购</a></li>
                <li><a href="#">拍卖</a></li>
                <li><a href="#">有趣</a></li>
            </ul>
        </nav>
    </div>
    <!-- 内容部分 -->
    <div class="w">
        <div class="art">
            <ul>
                <li>手机、数码、通讯</li>
                <li>手机</li>
                <li>Apple苹果</li>
                <li>iphone 12 系类</li>
                <li>
                    <img src="images/12xilie.jpg" alt="" width="100%" class="art_imgs" />
                </li>
                <li>
                    <img src="images/12xilie.jpg" alt="" style="border: 1px solid red" />
                    <img src="images/12_1.jpeg" alt="" />
                    <img src="images/12_2.jpg" alt="" />
                    <img src="images/12_3.jpg" alt="" />
                    <img src="images/12_4.jpg" alt="" />
                </li>
                <li>
                    <dl>
                        <dd>商品编号：0468256644</dd>
                        <dd>分享</dd>
                        <dd>关注 5000</dd>
                        <dd>对比</dd>
                    </dl>
                </li>
            </ul>
        </div>
        <div class="art_right">
            <ul>
                <li>苹果iPhone 12（4GB/64GB/全网通/5G版）</li>
                <li>
                    <em>推荐选择下方[移动优惠购],手机套餐齐搞定,不用换号,每月还有话费返</em
            >
          </li>
          <li>
            <b>价&nbsp;&nbsp;&nbsp;&nbsp;格</b>&nbsp;&nbsp;&nbsp;&nbsp;<em
              >&yen;6299.00</em
            >
            <u>降价通知</u>
            <i
              >累计评价
              <p>612188</p></i
            >
          </li>
          <li>
            <b>促&nbsp;&nbsp;&nbsp;&nbsp;销</b>&nbsp;&nbsp;&nbsp;&nbsp;<em
              >加价购</em
            >
            <div>
              满999.00另加20.00元，或满1999.00另加30.00元，或满2999.00另加40.00元，即可在购物车换
              购热销商品 <a href="#">详情 》</a>
            </div>
          </li>
          <li>
            <b>支&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;持</b
            >&nbsp;&nbsp;&nbsp;&nbsp;
            <em
              >以旧换新，闲置手机回收&nbsp;&nbsp;4G套餐超值抢&nbsp;&nbsp;礼品购</em
            >
          </li>
          <li>
            <b>配&nbsp;送&nbsp;至</b>&nbsp;&nbsp;&nbsp;&nbsp;
            <em
              ><u>北京海淀区中关</u>&nbsp;&nbsp;&nbsp; 有货&nbsp;&nbsp;&nbsp;
              支持 &nbsp;&nbsp;&nbsp;99元免运费
              &nbsp;&nbsp;&nbsp;|货到付款&nbsp;&nbsp;&nbsp;
              |&nbsp;&nbsp;&nbsp;211限时达
            </em>
                    <p>
                        由自营发货，并提供售后服务。11:00前完成下单，预计今天（08月10日）送达
                    </p>
                </li>
                <li>
                    <em>选择颜色</em><button>银色</button><button>黑色</button
            ><button>蓝色</button><button class="changered">红色</button>
                </li>
                <li>
                    <em>选择版本</em><button class="changered">公开版</button
            ><button>联通5G</button>
                </li>
                <li>
                    <em>选择容量</em><button>64GB</button
            ><button class="changered">128GB</button><button>256GB</button>
                </li>
                <li>
                    <em>购买方式</em><button class="changered">官方标配</button
            ><button>移动优惠购</button><button>电信优惠购</button>
                </li>
                <li>
                    <em>套&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;装</em
            ><button>保护套装</button><button>充电套装</button>
          </li>
          <li>
            <dl>
              <dt>1</dt>
              <dd class="art_right_dd1">+</dd>
              <dd class="art_right_dd2">-</dd>
            </dl>
            <button>加入购物车</button>
          </li>
        </ul>
      </div>
    </div>
    <!-- 主体左侧部分 -->
    <div class="w main">
      <div class="main_left">
        <p>相关分类</p>
        <p>推荐品牌</p>
        <ul>
          <li><a href="#">手机</a></li>
          <li><a href="#">内存卡</a></li>
          <li><a href="#">贴膜</a></li>
          <li><a href="#">移动电源</a></li>
          <li><a href="#">笔记本</a></li>
          <li><a href="#">手机壳</a></li>
          <li><a href="#">iphone配件</a></li>
          <li><a href="#">手机耳机</a></li>
          <li><a href="#">平板电脑</a></li>
          <li><a href="#">蓝牙耳机</a></li>
        </ul>
        <p>购买了此商品的用户还买了</p>
        <ol>
          <li>
            <img src="images/luomashicdb.jpg" alt="" />
            <b>罗马仕20000mah三USB Y7移动... </b><br />
            <em>&yen;79.00</em><br />
                    <button>加入购物车</button>
                </li>
                <li>
                    <img src="images/apple12ghmo.jpg" alt="" />
                    <b>绿联iPhone12 钢化膜... </b><br />
                    <em>&yen;39.00</em><br />
                    <button>加入购物车</button>
                </li>
                <li>
                    <img src="images/redmierji.jpg" alt="" />
                    <b>红米真无线蓝牙耳机5.0... </b><br />
                    <em>&yen;99.00</em><br />
                    <button>加入购物车</button>
                </li>
                <li>
                    <img src="images/R-C.jpg" alt="" />
                    <b>罗马仕10000mah双USB移动电源... </b><br />
                    <em>&yen;109.00</em><br />
                    <button>加入购物车</button>
                </li>
                <li>
                    <img src="images/apple12shoujike.jpg" alt="" />
                    <b>iPhone12 全包也太手机壳 防摔... </b><br />
                    <em>&yen;19.90</em><br />
                    <button>加入购物车</button>
                </li>
                <li>
                    <img src="images/miBluetooth.jpg" alt="" />
                    <b>小爱同学蓝牙音响 智能互联... </b><br />
                    <em>&yen;49.99</em><br />
                    <button>加入购物车</button>
                </li>
                </ol>
        </div>
        <div class="main_right">
            <ul>
                <li>商品介绍</li>
                <li>规格与包装</li>
                <li>售后保障</li>
                <li>商品评价（50000）</li>
                <li>手机社区autofocus</li>
            </ul>
            <div class="jieshao">
                <p>品 牌 : Apple</p>
                <p>商 品 名 称 : AppleiPhone 12</p>
                <p>商 品 编 号: 100020961240</p>
                <p>商 品 毛 重 : 320.00g</p>
                <p>商 品 产 地 : 中国大陆</p>
                <p>CPU 型 号 : Apple A14</p>
                <p>运 行 内 存 : 4GB</p>
                <p>机 身 存 储 : 64GB</p>
                <p>存 储 卡 : 不支持存储卡</p>
                <p>摄 像 头 数量 : 后置双摄</p>
                <p>后 摄 主 摄像素 : 1200万像素</p>
                <p>前 摄 主 摄像素 : 1200万像素</p>
                <p>分 辨 率 : 2K</p>
                <p>屏 幕 比 例: 其他</p>
                <p>屏 幕 前 摄组合: 其他</p>
                <p>充 电 器 : 其他</p>
                <p>系 统 : IOS</p>
                <p>
                    支 持 IPv6 : 支持IPv6<em>
              <a>查看更多参数 >></a>
            </em>
                </p>
            </div>
            <div class="shopping_jieshao">
                <img src="images/shoppingjieshao1.jpg" alt="" />
                <img src="images/shoppingjieshao2.jpg" alt="" />
                <img src="images/shoppingjieshao3.jpg" alt="" />
                <img src="images/shoppingjieshao4.jpg" alt="" />
                <img src="images/shoppingjieshao5.jpg" alt="" />
                <img src="images/shoppingjieshao6.jpg" alt="" />
            </div>
        </div>
    </div>
    <!-- 底部部分 -->
    <footer class="footer_self">
        <div class="w footer">
            <div class="footer_top">
                <ul>
                    <li>
                        <em></em>
                        <div>
                            <b>正品保障</b>
                            <p>正品保障，提供发票</p>
                        </div>
                    </li>
                    <li>
                        <em></em>
                        <div>
                            <b>极速物流</b>
                            <p>急速物流，急速送达</p>
                        </div>
                    </li>
                    <li>
                        <em></em>
                        <div>
                            <b>无忧售后</b>
                            <p>7天无理由退换货</p>
                        </div>
                    </li>
                    <li>
                        <em></em>
                        <div>
                            <b>特色服务</b>
                            <p>私人定制家电套餐</p>
                        </div>
                    </li>
                    <li>
                        <em></em>
                        <div>
                            <b>帮助中心</b>
                            <p>您的购物指南</p>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="footer_center">
                <ul>
                    <li>
                        <dl>
                            <dt>购物指南</dt>

                            <dd><a href="#">购物流程</a></dd>
                            <dd><a href="#"> 会员介绍</a></dd>
                            <dd><a href="#">生活旅行/团购</a></dd>
                            <dd><a href="#">常见问题</a></dd>
                            <dd><a href="#">大家电</a></dd>
                            <dd><a href="#">联系客服</a></dd>
                        </dl>
                    </li>
                    <li>
                        <dl>
                            <dt>配送方式</dt>

                            <dd><a href="#">上门自提</a></dd>
                            <dd><a href="#"> 211限时达</a></dd>
                            <dd><a href="#">配送服务查询</a></dd>
                            <dd><a href="#">配送费收取标准</a></dd>
                            <dd><a href="#"> 海外配送</a></dd>
                        </dl>
                    </li>
                    <li>
                        <dl>
                            <dt>支付方式</dt>

                            <dd><a href="#"> 货到付款</a></dd>
                            <dd><a href="#"> 在线支付</a></dd>
                            <dd><a href="#">分期付款</a></dd>
                            <dd><a href="#">邮局汇款</a></dd>
                            <dd><a href="#">公司转账</a></dd>
                        </dl>
                    </li>
                    <li>
                        <dl>
                            <dt>售后服务</dt>

                            <dd><a href="#">售后政策</a></dd>
                            <dd><a href="#"> 价格保护</a></dd>
                            <dd><a href="#">退款说明</a></dd>
                            <dd><a href="#">返修/退换货</a></dd>
                            <dd><a href="#">取消订单</a></dd>
                        </dl>
                    </li>
                    <li>
                        <dl>
                            <dt>特色服务</dt>

                            <dd><a href="#">夺宝岛</a></dd>
                            <dd><a href="#"> DIY装机</a></dd>
                            <dd><a href="#">延保服务</a></dd>
                            <dd><a href="#">品优购E卡</a></dd>
                            <dd><a href="#">品优购通信</a></dd>
                        </dl>
                    </li>
                    <li>
                        <dl>
                            <dt>帮助中心</dt>

                            <dd><img src="images/app.png" alt="" /></dd>
                            <dd>品优购APP</dd>
                        </dl>
                    </li>
                </ul>
            </div>
            <div class="footer_footer">
                <ul>
                    <li><a href="#">关于我们</a></li>
                    <li><a href="#">联系我们</a></li>
                    <li><a href="#">联系客服</a></li>
                    <li><a href="#">商家入驻</a></li>
                    <li><a href="#">营销中心</a></li>
                    <li><a href="#">手机品优购</a></li>
                    <li><a href="#">友情链接</a></li>
                    <li><a href="#">销售联盟</a></li>
                    <li><a href="#">品优购社区</a></li>
                    <li><a href="#">品优购公益</a></li>
                    <li><a href="#">English Site</a></li>
                    <li><a href="#">Contact U</a></li>
                </ul>
                <p>
                    地址：北京市昌平区建材城西路金燕龙办公楼一层 邮编：100096 电话：400-618-4000 传真：010-82935100 邮箱: zhanghj+itcast.cn
                </p>
                <p>京ICP备08001421号京公网安备110108007702</p>
            </div>
        </div>
    </footer>
    <div class="w last_footer">已经到底了哦……</div>
</body>

</html>